<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../resource/dhtmlx/grid/codebase/grid.css">
    <script src="../../resource/dhtmlx/grid/codebase/grid.js"></script>
</head>
<body>
<div style="height:500px; width:1600px" id="grid_container"></div>
<script>
    // creating dhtmlxGrid
    var grid = new dhx.Grid("grid_container", {
        // 列声明
        columns: [
            {width: 100, id: "id", header: [{text: "编号"}]},
            {width: 100, id: "name", header: [{text: "姓名"}]},
            {width: 200, id: "age", header: [{text: "年龄"}]},
            {width: 200, id: "startDate", header: [{text: "开始时间"}], type: "date", dateFormat: "%Y-%d-%m"},
            {width: 200, id: "endDate", header: [{text: "结束时间"}], type: "date", dateFormat: "%Y-%d-%m"},
            {width: 200, id: "type", header: [{text: "类型"}], editorType: "select", options: [1, 2, 3]}
        ],
        // 设置行高
        headerRowHeight: 150,
        editable: true
    });
    grid.data.load("./json/data.json");

</script>
</body>
</html>